
			body,html{
				scroll-behavior: smooth;
			}
			
			*{
				padding: 0;
				margin: 0;
			}
			.fl{
				float: left;
			}
			
			.fr{
				float: right;
			}
			
			.clear:after{
				clear: both;
				display: table;
				content: "";
			}

			.left{
				width: 20%;
				background-color: #eee;
				height:100vh;
				position: fixed;
			}
			
			.right{
				width: 80%;
				padding-left:0.248447rem;
				box-sizing: border-box;
			}
			
			.left>div{
				height:1.863354rem;
				line-height:1.863354rem;
				text-align: center;
				background-color: #eee;
				font-size:0.3rem;
				color: #999;
			}
			
			.allactive:visited{
				background-color: white;
				text-decoration: none;
			}
			
			.allactive:hover{
				background-color: white;
				text-decoration: none;
			}
			
			.right1-1{
				margin: 0.434782rem 0 0.434782rem 0;
			}
			
			.sun0{
				width:4%;
				font-size:0;
				vertical-align: middle;
			}
			
			.sun1{
				width:6%;
				font-size:0;
				vertical-align: middle;
			}
			
			.right1-2{
				margin:0.186335rem;
			}
			
			.right1-2-1{
				display: inline-block;
				border: 1px solid black;
				border-radius:50px;
				padding: 0 0.248447rem 0 0.248447rem;
				margin: 0 0.186335rem 0 0.186335rem;
			}
			
			.right1-1,.right1-2{
				height:0.745341rem;
				line-height:0.745341rem;
			}
			
			.right1-2-1{
				0.745341rem;
			}
			
			a{
				text-decoration: none;
				color: black;
			}
			
			.ra{
				text-decoration: none;
				color: #999;
			}
			
			.sun2,.sun3,.sun4,.sun5,.sun6,.sun7,.sun77,.sun8,.sun9,.sun10{
				width:6%;
				font-size:0;
				vertical-align: middle;
			}
			
			.kong{
				height:11.801242rem;
			}
						
			.bnav{
				width:100%;
				height:1.5rem;
				border-top:1px solid #ccc;
				position:fixed;
				left:0px;
				bottom:0px;
				background:white;
			}
			
			.bnav>div{
				float:left;
				width:25%;
				text-align:center;
				padding-top:.8rem;
				background-size:50%;
				background:url(sunimg/index.png) no-repeat center .2rem;
			}
			.bnav a{
				color:#666;
			}
			.bnav>div:nth-of-type(1){
				background-image:url(sunimg/index_.png);
			}
			.bnav>div.active:nth-of-type(1){
				background-image:url(sunimg/index.png);
			}
			.bnav>div:nth-of-type(2){
				background-image:url(sunimg/class_.png);
			}
			.bnav>div.active:nth-of-type(2){
				background-image:url(sunimg/class.png);
			}
			.bnav>div:nth-of-type(3){
				background-image:url(sunimg/course_.png);
			}
			.bnav>div.active:nth-of-type(3){
				background-image:url(sunimg/course.png);
			}
			.bnav>div:nth-of-type(4){
				background-image:url(sunimg/my_.png);
			}
			.bnav>div.active:nth-of-type(4){
				background-image:url(sunimg/my.png);
			}
			
			
